<template>
  <view :data-theme="cueTheme">
    <basic-components />
    <custom-navbar title="系统设置" />

    <view class="basic-search-box">
      <template v-if="dataGrid.data.length">
        <view v-for="item of dataGrid.data" :key="item.id" class="table-box">
          <view class="table-row">
            <view class="left">
              <image class="image" :src="setImgUrl(item)" />
              <view class="left-value">
                <view>{{ item.v_keyMark }}</view>
              </view>
            </view>
            <view class="right" />
          </view>

          <view class="baisc-row">
            <text>绑定字段</text>
            <text> {{ item.v_sysKey }}</text>
          </view>

          <view class="baisc-row">
            <text>值</text>
            <text> {{ item.v_sysValue }}</text>
          </view>

          <view class="buttons">
            <view class="edit iconfont icon-bianji" @tap="pageSkip(item, basicFlag.EDIT)" />
            <view class="del iconfont icon-shanchu1" @tap="openDialog(item, basicFlag.REMOVE)" />
          </view>
        </view>
      </template>
      <view v-else-if="dataGrid.loading !== 1" class="main-no-data">
        暂无系统配置项
      </view>
    </view>
  </view>
</template>

<script>
import { getFiles } from "@/utils/getFiles"
const files = require.context("./mixins", false, /\.js$/)
const mixins = getFiles(files)

export default {
  mixins: [...mixins],
  onShow() {
    this.search()
  },
}
</script>

